---
layout: page
title: Resources
description: Accessibility software, books, blogs, online tools, and more
permalink: resources.html
---

<section class="toc-wrap toc-long">
  <h3 class="toc-title">Categories</h3>
  <ul class="toc">
      <li><a class="software" href="#software">Software</a></li>
      <li><a class="screen-readers" href="#screen-readers">Screen Readers</a></li>
      <li><a class="html-related" href="#html-related">HTML Related</a></li>
      <li><a class="books" href="#books">Books</a></li>
      <li><a class="blogs" href="#blogs">Blogs</a></li>
      <li><a class="further-reading" href="#further-reading">Further Reading</a></li>
      <li><a class="professional-help" href="#professional-help">Professional Help</a></li>
      <li><a class="online-tools" href="#online-tools">Online Tools</a></li>
      <li><a class="talks" href="#talks">Talks</a></li>
      <li><a class="community-help" href="#community-help">Community Help</a></li>
      <li><a class="development-tools" href="#development-tools">Development Tools</a></li>
  </ul>
</section>



<section id="software" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">Software</h3>
    <ul class="article-section__content">
        <li><a href="https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en" rel="external">Chrome Accessibility Tools</a> (Chrome Mac/Win)</li>
        <li><a href="https://chrome.google.com/webstore/detail/color-contrast-analyzer/dagdlcijhfbmgkjokkjicnnfimlebcll/related" rel="external">Color Contrast Analyzer</a> (Chrome Extension)</li>
        <li><a href="http://colororacle.org/" rel="external">Color Oracle</a> (Mac/Win)</li>
        <li><a href="http://www.paciellogroup.com/resources/contrastAnalyser" rel="external">Colour Contrast Analyser</a> (Mac/Win)</li>
        <li><a href="https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl" rel="external">NoCoffee</a> (Chrome Extension)</li>        
        <li><a href="http://www.paciellogroup.com/resources/wat/ie" rel="external">WAT</a> (IE/<a href="http://www.paciellogroup.com/resources/wat/opera" rel="external">Opera</a>)</li>
        <li><a href="https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh" rel="external">WAVE Toolbar</a> (Chrome Extension)</li>
        <li><a href="https://addons.mozilla.org/en-US/firefox/addon/wave-toolbar/" rel="external">WAVE Toolbar</a> (Firefox Extension)</li>
    </ul>
</section>

<section id="screen-readers" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">Screen Readers</h3>
    <ul class="article-section__content">
        <li><a href="http://www.chromevox.com/" rel="external">Chrome Vox</a> (ChromeOS, also works in Chrome browser)</li>
        <li><a href="http://www.freedomscientific.com/products/fs/jaws-product-page.asp" rel="external">JAWS</a> (Win)</li>
        <li><a href="http://www.nvda-project.org/" rel="external">NVDA</a> (Win)</li>
        <li><a href="https://projects.gnome.org/orca/" rel="external">Orca</a> (Linux)</li>
        <li><a href="http://www.paciellogroup.com/blog/2015/01/basic-screen-reader-commands-for-accessibility-testing/" rel="external">The Paciello Group - Basic screen reader commands for accessibility testing</a> </li>
        <li><a href="http://www.apple.com/accessibility/iphone/vision.html" rel="external">VoiceOver for iOS</a> (iOS)</li>
        <li><a href="http://www.apple.com/accessibility/voiceover/" rel="external">VoiceOver</a> (Mac)</li>
        <li><a href="http://webaim.org/articles/screenreader_testing/" rel="external">WebAIM - introduction to screenreader testing</a> </li>
    </ul>
</section>

<section id="html-related" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">HTML Related</h3>
    <ul class="article-section__content">
        <li><a href="http://paypal.github.io/bootstrap-accessibility-plugin/" rel="external">Bootstrap accessibility plugin</a></li>
        <li><a href="http://stevefaulkner.github.io/HTML5accessibility/" rel="external">HTML5 Accessibility</a></li>
        <li><a href="http://dylanb.github.io/periodic-aria-roles.html" rel="external">Periodic Table of ARIA roles</a></li>
        <li><a href="http://www.w3.org/WAI/PF/aria-practices/" rel="external">W3C: Recommended ARIA usage by feature</a></li>
        <li><a href="http://rawgithub.com/w3c/aria-in-html/master/index.html" rel="external">W3C: Using ARIA with HTML</a></li>
        <li><a href="http://www.w3.org/TR/wai-aria/" rel="external">W3C: WAI-ARIA Specification</a></li>
        <li><a href="http://www.w3.org/WAI/tutorials/" rel="external">W3C: Web Accessibility Tutorials</a></li>
    </ul>
</section>

<section id="books" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">Books</h3>
    <ul class="article-section__content">
        <li><a href="http://www.amazon.com/Adaptive-Web-Design-Experiences-Progressive/dp/098358950X" rel="external">Adaptive Web Design</a> by Aaron Gustafson</li>
        <li><a href="http://www.amazon.com/Designing-Progressive-Enhancement-Building-Everyone/dp/0321658884/" rel="external">Designing with Progressive Enhancement</a> by The Filament Group</li>
        <li><a href="http://www.amazon.com/Designing-Web-Standards-Jeffrey-Zeldman/dp/0321616952" rel="external">Designing with Web Standards</a> by Jeffrey Zeldman</li>
        <li><a href="http://www.amazon.com/Pro-HTML5-Accessibility-Professional-Apress/dp/1430241942" rel="external">Pro HTML5 Accessibility</a> by Joshue O Connor</li>
        <li><a href="http://www.amazon.com/Web-Accessibility-Standards-Regulatory-Compliance/dp/1590596382" rel="external">Web Accessibility: Web Standards and Regulatory Compliance</a> by Jim Thatcher</li>
        <li><a href="https://rosenfeldmedia.com/books/a-web-for-everyone/" rel="external">A Web for Everyone - Designing Accessible User Experiences</a> by Sarah Horton &amp; Whitney Quesenbery</li>
    </ul>
</section>


<section id="blogs" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">Blogs</h3>
    <ul class="article-section__content">
        <li><a href="http://www.456bereastreet.com/" rel="external">456 Berea Street</a></li>
        <li><a href="http://www.a11ybuzz.com/" rel="external">A11y Buzz</a></li>
        <li><a href="http://www.accessibleculture.org/" rel="external">Accessible Culture</a></li>
        <li><a href="http://a11ywins.tumblr.com/" rel="external">Accessibility Wins</a></li>
        <li><a href="http://www.paciellogroup.com/" rel="external">The Paciello Group Blog</a></li>
        <li><a href="http://webaim.org/blog/" rel="external">WebAIM Blog</a></li>
        <li><a href="http://www.webaxe.org/" rel="external">WebAxe Blog and Podcast</a></li>
        <li><a href="http://yaccessibilityblog.com/" rel="external">Yahoo! Accessibility Blog</a></li>
    </ul>
</section>


<section id="further-reading" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">Further Reading</h3>
    <ul class="article-section__content">
        <li><a href="http://vimeo.com/1157346">Aaron Cannon, Blind Web Developer</a> (2007) [Video]</li>
        <li><a href="http://bitsofco.de/2015/the-accessibility-cheatsheet/" rel="external" title="The Accessibility Cheatsheet">The Accessibility Cheatsheet</a> (2015)</li>
        <li><a href="http://cameronmoll.com/archives/2008/06/web_accessibility_checklist/" rel="external" title="Accessibility Checklist Article by Cameron Moll [external link]">Accessibility Checklist Article</a> by Cameron Moll (2008)</li>
        <li><a href="http://cameronmoll.com/downloads/Web_Accessibility_Checklist.pdf" rel="external" title="Accessibility Checklist PDF by Aaron Cannon [external link]">Accessibility Checklist PDF</a> by Aaron Cannon (2008)</li>
        <li><a href="http://www.apple.com/accessibility" rel="external">Apple’s Commitment to Accessibility</a></li>
        <li><a href="https://mobiforge.com/design-development/why-mobile-web-accessibility-matters-best-practices-make-your-mobile-site-accessi" rel="external" title="Why mobile Web accessibility matters - best practices to make your mobile site accessible">Best practices to make your mobile site accessible</a> (2012)</li>
        <li><a href="http://diveintoaccessibility.info/table_of_contents.html" rel="external">Dive Into Accessibility: 30 days to a more accessible web site</a> (2002)</li>
        <li><a href="https://www.google.com/accessibility/" rel="external" title="Google Accessibility">Google Accessibility</a></li>
        <li><a href="http://heydonworks.com/practical_aria_examples/" rel="external">Practical ARIA Examples</a> (2014)</li>
        <li><a href="http://a11y.nicolas-hoffmann.net/" rel="external">Accessibility section - jQuery Plugins using ARIA</a> (2016)</li>
        <li><a href="http://wearecolorblind.com" rel="external">We are Color Blind</a> by Tom van Beveren</li>
        <li><a href="http://webaim.org/resources/designers/">Web Accessibility for Designers</a> [Infographic]</li>
    </ul>
</section>


<section id="professional-help" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">Professional Help</h3>
    <ul class="article-section__content">
        <li><a href="http://www.deque.com/" rel="external">Deque</a></li>
        <li><a href="http://www.knowbility.org/" rel="external">Knowbility</a></li>
        <li><a href="http://www.paciellogroup.com/" rel="external">The Paciello Group</a></li>
        <li><a href="http://simplyaccessible.com/" rel="external">Simply Accessible</a></li>
        <li><a href="http://webaim.org/" rel="external">WebAIM</a></li>
    </ul>
</section>


<section id="online-tools" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">Online Tools</h3>
    <ul class="article-section__content">
        <li><a href="http://colorfilter.wickline.org/" rel="external">Colorblind Web Page Filter</a></li>
        <li><a href="http://leaverou.github.com/contrast-ratio" rel="external">Contrast Ratio</a> by Lea Verou</li>
        <li><a href="http://www.dasplankton.de/ContrastA/" rel="external">Contrast-A Accessible color combinations tool</a></li>
        <li><a href="http://squizlabs.github.com/HTML_CodeSniffer/" rel="external">HTML_CodeSniffer</a></li>
        <li><a href="http://keycode.info/" rel="external">JavaScript Event KeyCodes</a></li>
        <li><a href="http://khan.github.io/tota11y/" rel="external">tota11y - an Accessibility Visualization Toolkit</a></li>
        <li><a href="http://howlowck.github.com/Akbar" rel="external">User Experience Simulation Bookmarklet</a></li>
        <li><a href="http://wave.webaim.org/" rel="external">WAVE - web accessibility evaluation tool</a></li>
    </ul>
</section>


<section id="talks" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">Talks (Video)</h3>
    <ul class="article-section__content">
        <li><a rel="external" href="http://www.youtube.com/watch?v=Fe1behOSjdU&list=PLb_ziuDPiUzZkc077IW3_rDcqX1OC8VbV&index=16">Generate Conference 2013 - The rock'n'roll guide to ARIA and HTML5</a></li>
        <li><a rel="external" href="https://www.youtube.com/watch?v=YyWu9HB9QtU">Google I/O 2013 - Advancing Web Accessibility with ChromeVox</a></li>
        <li><a rel="external" href="http://vimeo.com/77860167">Paris Web 2013 - HTML5 Accessibility by Steve Faulkner</a></li>
        <li><a rel="external" href="https://www.youtube.com/watch?v=E0ojKLzXoZ4">Multi-device accessibility - Chrome Dev Summit 2013 (Alice Boxhall)</a></li>
        <li><a rel="external" href="http://vimeo.com/73913824">WDCNZ 2013: Accessibility Mythbusting</a></li>
        <li><a rel="external" href="http://vimeo.com/73914110">WDCNZ 2013: The Accessibility Panel</a></li>
        <li><a rel="external" href="http://vimeo.com/73427435">WDCNZ 2013: Make Your Widgets Sing With ARIA</a></li>
    </ul>
</section>


<section id="community-help" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">Community Help</h3>
    <ul class="article-section__content">
        <li><a rel="external" href="http://www.meetup.com/find/?allMeetups=false&keywords=a11y&radius=Infinity&sort=recommended&eventFilter=mysugg">Accessibility Meetups</a></li>
        <li><a rel="external" href="http://www.accessifyforum.com/">Accessify Forum</a></li>
        <li><a rel="external" href="http://ux.stackexchange.com/questions/tagged/accessibility">StackExchange Questions</a></li>
        <li><a rel="external" href="http://stackoverflow.com/questions/tagged/accessibility">StackOverflow Questions</a></li>
        <li><a rel="external" href="https://medium.com/web-accessibility/8f7161340cc1">Various Twitter Accounts</a></li>
        <li><a rel="external" href="http://webaim.org/discussion/">WebAIM Mailing List</a></li>
    </ul>
</section>



<section id="development-tools" class="article-section resources-section" tabindex="0">
    <h3 class="article-section__title">Development Tools</h3>
    <ul class="article-section__content">
        <li><a rel="external" href="http://allyjs.io//">ally.js</a></li>
        <li><a rel="external" href="http://quailjs.org/">Quail JS Testing Plugin</a></li>
        <li><a rel="external" href="https://github.com/at-import/sass-a11y">Sass a11y</a></li>
        <li><a rel="external" href="http://tenon.io/">Tenon.io Accessibility Testing API</a></li>
    </ul>
</section>
